<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>jq4</title>
		<style>
			#test{
				width:50px;
				height:50px;
				border-radius: 50%;
				background: greenyellow;
				animation: a 1.5s infinite;
			}
			@keyframes a{
				0%{transform: scale(0);}
				50%{transform: scale(1);}
				100%{transform: scale(0);}
			}
		</style>
		<!--<script src="test.js"  defer type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" defer>
			alert(2)
		</script>
		<script type="text/javascript">
			alert("测试")
		</script>-->
		<script type="text/javascript">
			
		</script>
	</head>

	<body>
		<div id="test">
			
		</div>
		<div id="main" class="wrap" name="ggwrapgg" style="background-color: red;width:100px;">
			DIV
			<span class="inner" id="mspan">
				SPAN
				<em class="sub">EM</em>
			</span>
		</div>
		<div id="main1" class="wrap" name="wrap">
			DIV
			<span class="inner">
				SPAN
				<em class="sub">EM2</em>
			</span>
		</div>

	</body>
	<script src="myJquery3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var m = document.querySelectorAll("div");
		console.log( m instanceof NodeList);
		var m2 = document.querySelector("#main");
		console.log(m2 instanceof HTMLDivElement);
		
		$("#main").css("width",500).on("click",function(){
			alert(this.innerHTML);
		})
		//$("div").on("click",function(){})
		//		 $("#main");
		//		 var main = document.querySelector("#main");
		//		 console.log(getComputedStyle(main,null))
		//		 "backgroundColor"
		//		 "background-color"
//		window.onload = function(){
//			alert("原生ONLOAD")
//		}
//		window.onload = function(){
//			alert("原生ONLOAD 2")
//		}
//		$(function(){
//			alert("执行")
//		})
//		$(function(){
//			alert("又执行")
//		})
	</script>

</html>